<div class="page" data-name="Productmedia" data-gid="{{$route.params.gid}}">
    <div class="navbar">
        <div class="navbar-inner sliding">
            <div class="left">
                <a href="#" class="link back icon-only">
                    <i class="icon icon-back color-black"></i>
                </a>
            </div>
            <div class="title">推广素材</div>
            <div class="right"></div>
        </div>
    </div>
    <div class="page-content">
        <div class="accordion-list custom-accordion">
            <div class="accordion-item">
                <div class="accordion-item-toggle">
                    <div class="flex-row flex-align-center flex-justify-start">
                        <div style="position: relative;width: 12px;height: 12px;">
                            <i class="icon-normal"></i>
                            <i class="icon-choose"></i>
                        </div>
                        <span class="size-15" style="margin: 0 5px;">朋友圈文案和图片</span>
                        <span class="size-12 color-gray">长按保存图片并复制文案</span>
                    </div>
                </div>
                <div class="accordion-item-content">
                    <div style="background-color: #f8f7f5;padding: 10px 0;">
                        <div class="swiper-container">
                            <div class="swiper-wrapper"></div>
                        </div>
                        <div class="color-gray size-12" style="text-align: center;">长按保存图片</div>
                    </div>
                    <div class="product-media-text-container"></div>
                </div>
            </div>
            <div class="accordion-item accordion-item-opened">
                <div class="accordion-item-toggle">
                    <div class="flex-row flex-align-center flex-justify-start">
                        <div style="position: relative;width: 12px;height: 12px;">
                            <i class="icon-normal"></i>
                            <i class="icon-choose"></i>
                        </div>
                        <span class="size-15" style="margin: 0 5px;">将商品分享给好友</span>
                    </div>
                </div>
                <div class="accordion-item-content product-share-link-container"></div>
            </div>
        </div>
        <div class="list links-list no-hairline no-hairlines-between" style="margin:10px 0;">
            <ul>
                <li><a href="#" class="to-product-detail-btn external">点击查看商品详情</a></li>
            </ul>
        </div>
    </div>
</div>